<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

    <title>测一测你的魅力值|吾悦给你免费送花了 </title>


    <link rel="stylesheet" type="text/css" href="{{asset('css/style.css')}}">
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

</head>

<body>
<div id="mask" class="mask"></div>
<img src="{{asset('images/icon_share.jpg')}}" width="0" height="0">
<div class="beijing"><img style="width: 100%;height:100%;" src="{{asset('images/back.png')}}"></div>

<div class="wrap">
    <div class="logo">
        <img src="{{asset('images/logo.png')}}" alt="" style="width:55%;">
    </div>
    <div class="enter_wrap1">

        <!--<div class="wrap_top">

            <img class="top_img" src="images/img_top.png">

        </div>-->
        @if($grade >= 21)
            <div class="hua"><img src="{{asset('images/sun.png')}}" alt=""></div>
        @elseif($grade >= 17)
            <div class="hua"><img src="{{asset('images/me.png')}}" alt=""></div>
        @elseif($grade >= 13)
            <div class="hua"><img src="{{asset('images/rose.png')}}" alt=""></div>
        @else
            <div class="hua"><img src="{{asset('images/kang.png')}}" alt=""></div>
        @endif
        <div class="imgsave"><span>长按保存图片或点击右上角分享</span></div>
        <div class="imgsave1"><span> 即可领取对应鲜花一支</span></div>
        <div class="re_ceshi">
            <img src="{{asset('images/takeme.png')}}" alt="" class="enter_btn" >
        </div>
        <div class="wrap_center">

            {{--<div class="enter_btn">开始测试</div>--}}
            {{--<div class="ceshi">--}}
            {{--<img src="{{asset('images/button1.png')}}" alt="">--}}
            {{--</div>--}}
        </div>

        <div class="wrap_bottom">

        </div>

    </div><!-- /.enter_wrap -->


</div><!-- /.wrap -->
<!-- 模态框（Modal） -->
<div class='guanzhu' style="position: fixed;top:30%;left:15%;display: none;z-index:10000;width:70%;">
    <img src="{{asset('images/we.png')}}" alt="">
</div>
<div class="playMusic">
    <span style="font-size:14px;">
        <span id="musicControl">
            <a id="mc_play" class="on" onclick="play_music();">
                <audio id="musicfx" loop="loop" autoplay="autoplay">
                    <source src="{{asset('mp3/Dreams.mp3')}}" type="audio/mpeg">
                </audio>
            </a>
        </span>
    </span>
</div>
</body>
<script type="text/javascript" src="{{asset('js/jquery.js')}}"></script>

<script type="text/javascript" src="{{asset('js/main.js')}}"></script>


<script type="text/javascript">

    careerism.init();
    wx.config(<?php echo $js->config(array('onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareTimeline'), false) ?>);
    wx.ready(function(){
        var imgUrl = $('.hua').find('img').attr('src');
        wx.onMenuShareTimeline({
            title: '原来我是XXX型魅力人格，你呢？', // 分享标题
            link: 'http://wygc.jidiinn.com/index',
            imgUrl:imgUrl,
            success: function () {
                // 用户确认分享后执行的回调函数 记录分享的次数
                $.ajax({
                    url:"http://wygc.jidiinn.com/share",
                    type:'post',
                    data:{},
                    dataType:'json',
                    success:function(data){
                        alert(data.msg);
                    },
                    error:function(XMLHttpRequest, textStatus, errorThrown){
                        alert(XMLHttpRequest.status);
                        alert(XMLHttpRequest.readyState);
                        alert(textStatus);
                    }
                });
            },
            cancel: function () {
                alert('没有执行');
                // 用户取消分享后执行的回调函数
                alert('取消分享成功!');
            }
        });
    });
    wx.error(function(res){
        alert(res);
    });
</script>

</html>